<template>
      <swiper>
         <swiper-item v-for="item in banners" :key="item.image">
           <a :href="item.link">
           <img :src="item.image" alt="" @load="imageLoad">
           </a>
         </swiper-item>
       </swiper>
</template>

<script>
import{Swiper, SwiperItem} from '@/components/common/swiper/index.js'


 export default {
     props: {
         banners: {
             type: Array,
             default() {
                 return []
             }
         }         
     },
   data () {
     return {
       isLoad: false
     }
   },
   created() {

   },
   methods: {
     imageLoad() {
       if(!isLoad) {
      this.$eimt('swiperImageLoad')
      this.isLoad = true
       }
     }
   },
   components: {
       Swiper,
       SwiperItem
   }
 }
</script>

<style scoped>

 
</style>
